<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>    
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>支付订单</title> 
		<link rel="shortcut icon" href="${resources}/icon/favicon.ico" type="image/x-icon" />
	    <link rel="icon" href="${resources}/icon/favicon.ico" type="image/x-icon" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<%@ include  file="../init.jsp"%>
		  <style>
        .main {
            height: 100%;
        }

        .page-content {
            position: relative;
        }

        .mask {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            color: #FFF;
            text-align: center;
            padding-top: 50%;
            font-size: 40px;
        }

        .cartPanel {
            width: 100%;
            height: 100px;
            border-bottom: 1px solid #DDD;
            background: #FFF;
        }

        .cartSelect {
            float: left;
            width: 30px;
            height: 100px;
            line-height: 100px;
            font-size: 20px;
        }

        .cartGoods {
            height: 100px;
            margin-left: 30px;
            padding: 10px;
            text-align: left
        }

        .cartGoods img {
            float: left;
            width: 80px;
            height: 80px;
        }

        .itemPrice {
            float: right;
            width: 50px;
            text-align: right;
            font-size: 12px;
        }

        .pricePanel {
            height: 40px;
        }

        .trashPanel {
            height: 40px;
            line-height: 40px;
            font-size: 20px;
            color: #cdcdcd
        }

        .goodInfo {
            margin-left: 80px;
            margin-right: 50px;
            width: auto;
        }

        .goodTitlePanel {
            font-size: 14px;
            line-height: 15px;
            margin: 5px;
            height: 30px;
            overflow: hidden;
        }

        .goodTitlePanel span {
            word-wrap: break-word;
            text-overflow: ellipsis;
            color: #666;
        }

        .goodNum {
            height: 40px;
            padding: 0px 5px;
        }

        .numCont {
            width: 105px;
            height: 26px;
            background: #EEE;
            line-height: 24px;
            border: 1px solid #CCC;
            border-radius: 2px;
        }

        .numAdd {
            width: 32px;
            display: block;
            float: left;
            text-align: center;
            border-right: 1px solid #CCC;
        }

        .numReduction {
            width: 32px;
            display: block;
            float: left;
            text-align: center;
            border-left: 1px solid #CCC;
        }

        .numShow {
            width: 37px;
            display: block;
            float: left;
            text-align: center;
            background: #FFF;
            color: #333
        }

        .payPanel {
            position: fixed;
            bottom: 0px;
            width: 100%;
            height: 50px;
            padding: 5px;
            background: #DDD;
        }

        .radioAll {
            float: left;
            width: 20px;
            height: 50px;
            line-height: 40px;
            font-size: 20px;
        }

        .sumMoney {
            float: left;
            width: auto;
            max-width: 200px;
            height: 50px;
            line-height: 40px;
            font-size: 14px;
        }

        .payBtn {
            display: block;
            float: right;
            width: 120px;
            height: 40px;
            color: #FFF;
            background: #FF6666;
            line-height: 40px;
            border-radius: 20px;
        }
        .shopName{
            padding: 0 40px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    </style> 
	<link rel="stylesheet" type="text/css" href="${resources}/css/orderPay.css">
	</head>
	 
	<body> 
	<%@ include  file="../header_1.jsp"%>
	 
	 
	 
	 <div class="container">
    <div class="row">
        <div class="col-md-1">
             <%@ include file="../menu.jsp" %>
        </div>
        <div class="col-md-11">

            <div class="mask">
                <span style="margin:auto;">
                    <i class="fa fa-spinner fa-spin"></i>
                </span>
            </div>


            <div class="contain">
                <div class="orderDesc">订单号：${orderPlat.orderno }</div>

                <div class="orderDetail">
                    <h3>订单详情</h3>
                    <ul class="goodsList">
                      <c:forEach items="${orderPlat.orderList}" var="order">
                        <c:forEach items="${order.orderItemList}" var="item" varStatus="stat">
                        <li class="goods">
                            <div class="goodsIndex">${stat.index + 1}</div>
                            <div class="goodsImg"><img src="${item.goods.picurl}" alt=""></div>
                            <div class="descLeft">
                                <h4 class="goodsName">${item.goods.name}</h4>
                                <div class="price">￥${item.price}</div>
                            </div>
                            <div class="descRight">
                                <div class="num">×${item.amount}</div>
                                <div class="total">合计：${item.price * item.amount}</div>
                            </div>
                        </li>
                         </c:forEach>
                      </c:forEach>
                    </ul>
                    <div class="totalPrice">总计金额：${orderPlat.total }</div>
                </div>
                <div class="payWay">
                    <h3>支付方式</h3>
                    <ul class="wayList">
                        <li class="way"><a href="${path}/pay/${orderId}">微信支付</a></li>
                        <li class="way"><a href="${path}/alipay/${orderId}">支付宝支付</a></li>
                    </ul>
                </div>
            </div>

            <form id="validation-form" method="get" action="http://192.168.1.42:8888/shop-pc/manage/order/create">

            </form>
        </div>
    </div>
</div>
	 
    <%@ include  file="../footer.jsp"%>
	</body>
</html>
